<script>
    import Vue from 'vue'
    export default {
        onLaunch: function() {
            uni.getSystemInfo({
                success: function(e) {

                }
            })
        },
        // onShow: function() {
        // 	console.log('App Show')
        // },
        // onHide: function() {
        // 	console.log('App Hide')
        // }
    }
</script>

<style lang="scss">
    //注 colorui 与mescroll-body冲突 改用  mescroll-uni 症状:分页数低少页面大小不能上拉
    @import "colorui/main.css";
    @import "colorui/icon.css";

    @import "@/uni_modules/uview-ui/index.scss";

    /*每个页面公共css */
    page {
        background: #F7F7F7;
        width: 750upx;
    }

    body {
        font-family: Source Han Sans CN;
        color: rgb(51, 51, 51);
        background-color: #f7f7f7;
    }

    /* 文字超出显示省略号 */
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ellipsis2 {
        letter-spacing: 0;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    // tab选中
    .text-green {}

    .text-green,
    .line-blue,
    .lines-blue {
        color: #0aAC44;
    }

    .common-btn {
        border-radius: 15px;
        margin: 25px;
    }

    // flex布局
    .f {
        display: flex;
    }

    .fh {
        display: flex;
        flex-direction: column;
    }

    .fw {
        display: flex;
        flex-wrap: wrap;
    }

    .fwa {
        display: flex;
        justify-content: space-around;
    }

    .fwb {
        display: flex;
        justify-content: space-between;
    }

    .fwc {
        display: flex;
        justify-content: center;
    }

    .fhc {
        display: flex;
        align-items: center;
    }

    .fc,
    .fcc {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .fws {
        display: flex;
        justify-content: flex-start !important;
    }

    .fwe {
        display: flex;
        justify-content: flex-end;
    }

    .fht {
        display: flex;
        align-items: flex-start;
    }

    .fhe,
    .fhb {
        display: flex;
        align-items: flex-end;
    }

    .fhbl,
    .fAlignBaseline {
        display: flex;
        align-items: baseline;
    }

    .fhstart {
        display: flex;
        align-content: flex-start;
    }

    .fhtb {
        display: flex;
        align-content: space-between;
    }

    .flex1 {
        flex: 1;
    }

    .flexa {
        flex: auto;
    }

    .order0 {
        order: 0;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .abs {
        position: absolute;
    }

    .rel {
        position: relative;
    }

    .fixed {
        position: fixed;
    }

    .pr20 {
        padding-right: 20rpx;
    }

    .pl20 {
        padding-left: 20rpx;
    }

    .pt20 {
        padding-top: 20rpx;
    }

    .pb20 {
        padding-bottom: 20rpx;
    }

    .bgf {
        background-color: #fff;
    }

    .c1296db {
        color: #1296db;
    }

    .cf {
        color: #fff;
    }

    .sc1 {
        color: #1296db;
    }

    .sc2 {
        color: red;
    }

    .sc3 {
        color: green;
    }

    .cbg1 {
        background-color: #1296db !important;
        color: #fff !important;
    }

    .cbg2 {
        background-color: red !important;
        color: #fff !important;
    }

    .cbg3 {
        background-color: green !important;
        color: #fff !important;
    }

    .ccBtn {
        padding: 10rpx 15rpx;
        border-radius: 6rpx;
        background-color: #2EB76F;
    }

    .boxc {
        margin-left: auto;
        margin-right: auto;
    }

    .ptb20 {
        padding-top: 20rpx;
        padding-bottom: 20rpx;
    }

    .mask {
        position: fixed;
        width: 750rpx;
        height: 100vh;
        background-color: rgba(0, 0, 0, .75);
        z-index: 9999;
        top: 0;
        left: 0;
    }

    .tc {
        text-align: center;
    }

    .mb40 {
        margin-bottom: 40rpx;
    }

    .bgf5 {
        background-color: #f5f5f5;
    }

    .p30 {
        padding: 30rpx;
    }

    .w_100 {
        width: 100%;
    }

    .br16 {
        border-radius: 16rpx;
    }

    .pop {
        background-color: #fff;
        border-radius: 16rpx;
        padding: 30rpx;
        width: 560rpx;

    }

    .f32 {
        font-size: 32rpx;
        font-weight: 800;
    }

    .fw8 {
        font-weight: 800;
    }

    .wAuto {
        width: auto !important;
        padding-left: 10rpx !important;
        padding-right: 10rpx !important;
        border-radius: 8rpx !important;
    }

    .noD {
        text-align: center;
        font-size: 26rpx;
        color: #999;
        padding-top: 300rpx;
    }
















    // 
</style>